*{ font-family:"SimHei","ºÚÌå";}
ul , li{padding:0px; margin:0px; list-style:none;}
body {color: #333;	cursor: default;padding:0px; margin:0px; background: #fff; font-size:14px;
      overflow-x:hidden;}
.clear {clear: both;padding: 0px;margin: 0px;height: 0px;}
a {	text-decoration: none;	cursor: pointer;	color: #333; font-size:14px;
	transition: all 0.4s; font-family:"SimHei","ºÚÌå";
}
a:hover {color: #d52123;}
.nowrap{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hoverbig{transition: all 0.2s;}
.hoverbig:hover{transform: scale(1.05);}


#headertop{padding-bottom:40px;}


/*Navigation*/
#navigation{height:45px; top:0px; width:100%; background:url(../Images/left_bg_1-1.png) left center repeat-x;            
            width:100%; }
#navigation .navbar-default{ background:none; border:none; border-radius:0px !important; padding:0 auto; 
                             }
#navigation .navbar-default .navbar-nav{ margin-left:100px; position:relative; top:0;}
#navigation .navbar-default .navbar-nav li{padding:0px !important; }
#navigation .navbar-default .navbar-nav li:hover{}
#navigation .navbar-default .navbar-nav li a{font-size:16px; color:#fff; padding-left:15px; padding-right:15px;
                                            text-align:center; font-weight:bold; line-height:18px;}
#navigation .navbar-default .navbar-nav li a span{ font-size:9px; font-weight:lighter; opacity:0.7}
#navigation .navbar-default .navbar-nav li a:hover{color: #1f3f97 !important;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-toggle{font-size:16px; }
#navigation .navbar-default .navbar-nav li.dropdown:hover .dropdown-menu{ display:block !important; background:#fcfcfc;}
#navigation .navbar-default .navbar-nav li a:hover{color:#1f3f97; }
#navigation .navbar-default .navbar-nav li.dropdown a{font-size:14px; color:#fff;}
#navigation .navbar-default .navbar-nav li.open{padding-right:0px;}
#navigation .navbar-default .navbar-nav li.open a{ background:#222; color:#fff;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu{background:#fcfcfc; 
                                                                   padding-bottom:10px; margin-top:-2px;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li{ background:none; padding-top:2px; padding-bottom:8px;
                                                                    }
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li:hover{ background:#0860a8; }
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li:hover a{color:#fff !important;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu .caret{color:#f8b551;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li:hover a{ background:none;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li a{color:#333; margin-top:5px; padding-top:5px; background:none;
                                                                       }
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li a:hover{ background:none;}
#navigation .navbar-header .navbar-toggle{ background:#f0f0f0; color:#333; border:none; position:relative; top:4px;
                                           z-index:30000000000000;}
#navigation .navbar-header .navbar-brand{}
#navigation .navbar-header .navbar-brand img{height:74px; position:relative; top:0px;}
#navigation .navbar-header .navbar-brand img.smalllogo{display:none;}
#navigation .navbar-default .navbar-nav li.navlang{display:none;}
#navigation .navbar-default .navbar-nav li.navlang i{ margin-right:5px;}
.navbar-form .form-group{border-radius:10px; background:rgba(255,255,255,0.4); margin-top:26px; padding-right:5px;
                         padding-left:5px;}
.navbar-form .stext{width:110px; background:none; border:1px solid #1f3f97; text-align:center; color:#333;}
.navbar-form .stext::-webkit-input-placeholder{color:#ccc;}
.navbar-form .stext::-moz-placeholder{color:#ccc;}
.navbar-form .stext:-moz-placeholder{color:#ccc;}
.navbar-form .stext:-ms-input-placeholder{color:#ccc;}
.navbar-form .form-group .btn-group{ background:none;}
.navbar-form .form-group .btn-group button{ background:none; border:none; border-radius:40px 0px 0px 40px;
                                            color:#fff; }
.navbar-form .sbtn{ background:none; border:none; border-radius:0px 40px 40px 0px; color:#1f3f97;
                                          font-size:16px; font-weight:bold; position:relative; top:1px;}
.right_regbox{ margin-top:23px; margin-left:10px; }
.right_regbox a{color:#333;margin-left:5px;}
.right_regbox a i{ margin-right:2px;}

.index_body .page_navclass{display:none;}


#slider{border:none;width:100%; height:540px; overflow:hidden; }
#slider .swiper {
        width: 100%;
        height: 100%;
      }

#slider  .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
#slider .swiper .swiper-button-next{ margin-top:0px;}
#slider .swiper .swiper-button-prev{margin-top:0px;}
#slider .swiper .swiper-pagination{bottom:70px;}

#search_container{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:100%;
                   background:#fcfcfc; border:1px solid #f0f0f0; height:26px;  margin-top:40px;
                   padding:0px; overflow:hidden; line-height:26px;}
#search-keyword{width:150px; height:18px; line-height:16px; border:none; border-right:1px solid #ccc; float:left; 
                margin-left:10px; color:#ccc;}
#search-option{float:left; width:80px; height:20px; margin:2px; border:none;}
.search-submit{width:15px; float:left; height:16px; background:url(../Images/search_btn.png) center center no-repeat; padding:0px;
               border:none; margin-top:5px; margin-left:6px;}
               
.blocktitle{ margin-top:40px; text-align:center; margin-bottom:30px;}
.blocktitle h2{color:#1362a5; font-size:30px; font-weight:bold;}

.imgcatitems{border:1px solid #1362a5; text-align:center; border-radius:5px; margin-bottom:30px;}
.imgcatitems h2{ font-size:16px; font-weight:bold;}
.imgcatitems a p{ background:#1362a5; min-height:180px; color:#fff; padding:20px; line-height:18px; text-align:left; }
.imgcatitems img{ border-bottom:1px solid #ccc; margin:0 auto;}

#banners{ background:url(../Images/background_cts.jpg) center center no-repeat; padding-top:90px; padding-bottom:90px;
          text-align:center;}
#banners h2{ line-height:30px;}
#banners h2 a{ font-size:24px; font-weight:bold;}
#banners h2 a p{ font-size:14px;}

/*Pagination*/
.page_box{padding-top:20px; padding-bottom:20px; text-align:center; clear:both; margin-top:20px; line-height:40px;
           width:100%;}
.page_box a{-webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;
	border: 3px solid #f0f0f0; background:#ccc; padding:13px 17px; margin-left:4px; color:#333; }
.page_box a:hover , .page_box a.current{color:#fff; background:#006fe3;}
.more-fhlinks{display:none;}
.pagination>li>#gotopagebtn 
{
    
    }
.pagination>li>#gotopid 
{
    width:50px;
    }
.next_prev_box{border-top:1px dotted #ccc; border-bottom:3px solid #f0f0f0; line-height:24px; padding-top:14px; 
               padding-left:10px; padding-bottom:14px; font-size:15px; background:#f9f9f9; margin-left:10px; margin-top:20px;}
.next_prev_box a{color:#006fe3; font-weight:bold; font-size:15px;}

#footer{ background:#1362a5; padding-top:50px; color:#fff; text-align:center; padding-bottom:50px; line-height:30px; font-size:14px; margin-top:50px;}
#footer a{color:#fff; }
.fnav{ margin-bottom:20px;}
.fnav a{ font-weight:bold; margin-right:10px;}
.copyright{ background:#585858; width:100%; margin-top:50px; padding-top:15px; padding-bottom:5px; color:#f0f0f0;}

.fcol{border-right:1px dotted #ccc;}

.breadcrumb_box{ background:#f9f9f9; border-bottom:1px solid #ccc; overflow:hidden; text-align:left;
                  padding-top:10px; padding-bottom:10px;  width:100%;
                  display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
                  }
.breadcrumb{ background:none; border:none; color:#666;}
.breadcrumb a{color:#666;}

.pagebox{padding-top:20px;}
.pagebox li{float:left; margin-left:10px;}

h1.pro_title{font-size:18px; font-weight:bold;}
h3.pro_detail{ background:#f0f0f0; font-size:14px; font-weight:bold;}  

#online_ask{background:#fff url(../Images/askbg1.jpg) center top no-repeat; padding-top:15px; padding-bottom:30px;
            background-attachment:fixed;}
#online_ask .block_title{ margin-bottom:15px;}
#usavebtn{font-size:14px; line-height:14px;}

.page_outer{border-top:1px solid #ccc; padding-top:20px; margin-top:30px; padding-bottom:20px;}
.pagelist{}
.pagelist li{float:left; margin-right:10px;}
.pagelist li a{ padding:4px 10px; background:#fcfcfc; border:1px solid #ccc;}

#mapbox{overflow:hidden; width:100%; height:350px; border:10px solid #fff; 
      border-radius:5px;  background:#fcfcfc; float:left; position:relative; top:-20px; 
  box-shadow:0 0 8px 1px #e4e5e6;}
#map_contact_us{ width:100%; height:640px;}

.footer_nav{position: fixed; bottom: 0px; _position: absolute; z-index:2000; width:100%; height:50px; background:#222;
            color:#fff; line-height:50px; box-shadow:0 -1px 5px 1px #333;}
.footer_nav a{color:#fff; font-size:13px; font-weight:bold;}
.footer_nav a i{color:#4d9a34; font-size:12px;}
.footer_nav .col-xs-4{padding-right:0px; margin-right:0px;}
.footerwxtitle{padding-top:10px;}


.right_tool_bar{position:fixed; _position: absolute; z-index:2000; top:200px;
                 right:9px;}
.right_tool_bar li{height:45px; margin-top:10px;}
.right_tool_bar li a i{color:#333;}
.right_tool_bar li a i:hover{color:#0e4a86;}
.right_tools{float:right; display:block; height:45px; width:45px; overflow:hidden; line-height:45px; text-align:center;
             background:rgba(255,255,255,0.5); border-radius:5px; font-size:24px; box-shadow:0px 3px 6px 0px #666;}
.right_tools:hover{ background:#fff;}
.right_tel{background:#fa9d00; color:#fff; display:block; width:200px; height:45px; text-align:center; line-height:45px;
           border-radius:45px; font-size:18px; float:right; margin-right:5px;}
.right_erweima{float:right; margin-right:5px; display:block; height:45px;}
.right_qq{background:#fa9d00; color:#fff;float:right; margin-right:5px;display:block; width:200px; height:45px; text-align:center; line-height:45px;
           border-radius:45px; font-size:18px; }
.right_ts{ display:none;}


/*To Top*/
p#back-to-top{
    position:fixed;
    display:none;
    bottom:10px;
    right:20px; width:40px; height:40px; background:#fa9d00;  border-radius:40px; text-align:center; line-height:42px;
    box-shadow:1px 1px 5px 0px #ccc;
}
p#back-to-top i{
    font-size:20px; font-weight:bold; color:#fff;
}
p#back-to-top i:hover{
    color:#f0b413;
}

.top_bnner{background:url(../Images/absbanner.jpg) center center no-repeat; height:270px; width:100%; background-position:center center; }
#contactbanner{background:url(../Images/6.jpg) center center no-repeat;}
#newsbanner{background:url(../Images/8.jpg) center center no-repeat;}

.prosec_left{border:1px solid #ccc; background:#fcfcfc;
             margin-top:30px; padding:0px 20px 20px 20px;}

.prosec_left h2{ line-height:16px; padding:10px; margin-bottom:24px; border-bottom:1px solid #939393;
                 background:#1362a5; border-radius:10px 10px 0px 0px;}
.prosec_left h2 a{color:#fff; font-size:18px; font-weight:bold;}
.prosec_left h2 span{color:#fff; font-size:12px; font-weight:lighter; letter-spacing:2px;}
.pro_cat_left_list{}
.pro_cat_left_list li{padding-top:5px; padding-bottom:5px; margin-left:10px; border-bottom:1px solid #ccc;}
.pro_cat_left_list li a{ font-size:14px; font-weight:bold;}

.left_jishu_art_list{}
.left_jishu_art_list li{ padding-bottom:4px; margin-bottom:4px; border-bottom:1px dotted #ccc;}

.prosec_right_box{}
.prosec_right_box h2{ display:block; margin-top:40px; padding-bottom:10px; border-bottom:1px solid #1f7dba;}
.prosec_right_box h2 .i_right_title{color:#1f7dba; font-weight:bold; font-size:18px;}
.prosec_right_box h2 .i_right_more{float:right; font-size:16px; margin-top:12px;}

.proitems{ border:1px solid #ccc; padding:5px; margin-top:20px; text-align:center;
           min-height:168px;}
.proitems img{ margin:0 auto; height:120px;}

#qitasec{ padding-top:40px; padding-bottom:40px; background:#fcfcfc; margin-top:60px;}
.titlerow{ text-align:center;}
.titlerow h2{ font-size:36px; font-weight:bold; color:#1f7dba; line-height:48px;}
.titlerow h2 span{ font-size:16px; letter-spacing:5px; display:block; font-weight:normal; color:#333;}


.qicats{border:1px solid #ccc; margin-bottom:30px; background:#fff;}
.pro_cat_intro{ display:block; padding:10px; text-align:center;}
.pro_cat_intro h2{ font-size:16px; font-weight:bold;}
.pro_cat_intro p{ font-size:14px; line-height:18px; font-weight:normal; min-height:120px;}


#aboutussec{ padding-top:40px; padding-bottom:70px;
             background:#f1f1f1 url(../Images/abs_bg.png) center center no-repeat;}
#aboutussec p{ font-size:16px; line-height:20px;}
#aboutussec a{color:#fff; font-size:16px; font-weight:bold; padding:10px 40px; border-radius:50px;
              background:#1f7dba;}
#aboutussec img{}

#bottomnews{ padding-top:40px; padding-bottom:40px; padding-top:40px; padding-bottom:60px; background:#fcfcfc;}
.zgd_title_white{ border-bottom:1px solid #ccc; margin-bottom:20px;}
.zgd_title_white a.more{float:right; margin-top:12px;}
.zgd_title_white h2{}
.zgd_title_white h2 a{ font-size:24px; color:#1f7dba; font-weight:bold;}


.bottomartlist_ul{}
.bottomartlist_ul li{ padding-top:5px; padding-bottom:5px; border-bottom:1px dotted #ccc;}

#flinksbox{ padding-bottom:0px;}
.flinksdiv{ line-height:20px;}
.flinksdiv a{ display:inline-block; margin-left:4px; margin-right:4px;}

.top_banner{ background:url(../Images/3.jpg) center center no-repeat; height:160px;}

.left_rec_pros{}
.left_rec_pros li{min-height:90px;}
.left_rec_pros li .i_pro_img{float:left; margin-right:10px;}
.left_rec_pros li .i_pro_title{}

.prosec_right_box{ padding-top:10px;}

.artsec_right_box{ padding-top:10px;}
.artsec_right_box h1{ font-size:20px; font-weight:bold;}

.pro_dt_tabs{ background:#1f7dba; padding-top:10px; padding-bottom:10px; padding-left:20px; margin-bottom:20px;}
.pro_dt_tabs a{ color:#fff; font-weight:bold; margin-top:10px;}

.nextprev{ margin-top:30px; padding-top:30px; border-top:1px solid #ccc;}

.relativeitems{ margin-top:30px;}
.relativeitems h2{ font-size:18px; font-weight:bold;}

.art_icon_date{width:90px; height:90px; background:#f0f0f0; color:#333; float:left;
                                      -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
                                      text-align:center; position:relative; top:38px;}
.art_icon_date_day{font-size:46px; color:#666; font-weight:bold;}
.art_icon_date_month{ font-size:16px;}
.art_list{ margin-bottom:5px; border-bottom:1px dotted #ccc; padding-bottom:30px;}
.art_list .col-md-10{ margin-left:0px; padding-left:0px;}
.art_list h2 a{ font-size:18px; font-weight:bold;}

.article_title{ padding-top:30px; padding-bottom:30px; text-align:center; margin-bottom:30px; border-bottom:1px solid #ccc;}
.article_title h1{ font-size:24px; font-weight:bold;}


.search_header_page{border-bottom:1px solid #ccc; height:40px; margin-bottom:20px; margin-top:30px;}
.search_box_page{width:405px;}
#search-keyword_page{border:1px solid #ccc; height:26px; margin-left:0px; width:300px; padding-left:10px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
                }
#search-option_page{ height:26px; border:1px solid #ccc; 
                     -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#search-submit_page{float:right;}
.resultbar_page{font-size:14px;}

.resultlist_page h3 a{ font-size:16px; font-weight:bold;}

#d2wm{ margin-top:30px; display:inline-block; margin:0 auto; margin-top:0px;}



@media screen and (max-width: 320px)
{
    
    }
@media screen and (max-width: 480px)
{   body{padding-bottom:50px; padding-top:0px;}   
   
   #navigation{padding-top:0px; background:#fff; height:45px; margin-top:5px;}
   #navigation .navbar-default .navbar-toggle{ position:relative; top:-2px; background:#f0f0f0; right:-7px;}
   #navigation .navbar-default .navbar-collapse{ position:absolute; top:-7px; right:0px; min-height:1000px; width:300px;
                                                  background:#0e4a86; padding-left:0px; z-index:50000;
                                                  box-shadow:-2px 2px 8px 0px #333; }
   #navigation .navbar-default .navbar-collapse .navbar-nav{padding-left:0px; position:relative; left:-50px;
                                                            top:100px;}
   #navigation .navbar-default .navbar-collapse .navbar-nav li{border-bottom:1px dotted #ccc; margin-left:0px;}
   #navigation .navbar-default .navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu li a{color:#333 !important;}
   #navigation .navbar-default .navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu li a:hover{color:#fff !important;}
   #navigation .navbar-default .navbar-collapse .navbar-nav li a{ color:#fff !important; display:block;}
   #navigation .navbar-header .navbar-brand{margin:0px; padding:0px; color:#fff; }
   #navigation .navbar-header .navbar-brand img{height:45px; position:relative; top:4px; left:5px;}   
   #navigation .navbar-header a.langbtn{color:#fff !important; margin-top:13px; margin-left:25px;
                                                   display:inline-block; float:left;}

   
/*Pagination*/
.page_box{padding-top:20px; padding-bottom:20px; text-align:center; clear:both; margin-top:20px; line-height:40px;
           width:100%;}
.page_box a{-webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;
	border: 3px solid #f0f0f0; background:#ccc; padding:4px 7px; margin-left:4px; color:#333; }
.page_box a:hover , .page_box a.current{color:#fff; background:#006fe3;}

#slider{border:none; width:100%; height:140px; background:#fcfcfc;  border-top:1px solid #ccc;}
#slider .swiper {
        width: 100%;
        height: 100%;
      }

 #slider      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-size:150% !important;
      }
#slider .swiper .swiper-button-next{ margin-top:-130px;}
#slider .swiper .swiper-button-prev{margin-top:-130px;}
#slider .swiper .swiper-pagination{bottom:400px;}

p#back-to-top{
    position:fixed;
    display:none;
    bottom:60px;
    right:20px;
}

.pagination>li>a, .pagination>li>span, .pagination>li>input {
	position: relative;
	float: left;
	padding: 6px 8px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}

.breadcrumb_box{ overflow:hidden;}

.top_bnner{background-image:url(../Images/absbanner.jpg); width:100%; height:140px;          
           background-size:280% !important; background-position:-160px top;
           }

#mapbox{overflow:hidden; width:100%; height:350px; border:10px solid #fff; 
      border-radius:5px;  background:#fcfcfc; float:left; position:relative; top:-20px; 
  box-shadow:0 0 8px 1px #e4e5e6;}
#map_contact_us{ width:100%; height:350px;}


#search_container{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:100%;
                   background:#fcfcfc; border:1px solid #f0f0f0; height:26px;  margin-top:10px; position:relative;
                   top:50px;
                   padding:0px; overflow:hidden; line-height:26px;}
#search-keyword{width:150px; height:18px; line-height:16px; border:none; border-right:1px solid #ccc; float:left; 
                margin-left:10px; color:#ccc;}
#search-option{float:left; width:80px; height:20px; margin:2px; border:none;}
.search-submit{width:15px; float:left; height:16px; background:url(../Images/search_btn.png) center center no-repeat; padding:0px;
               border:none; margin-top:5px; margin-left:6px;}

#keywordbox{ background:#1f7dba; color:#fff; padding-top:20px; padding-bottom:20px;}
.hot_search a{ display:inline-block; margin-left:0px; margin-right:0px; color:#fff; width:48%; margin-top:4px;}
.hot_search b{ display:block;}

.proitems{ border:1px solid #ccc; border-radius:5px; padding:5px; margin-top:20px; text-align:center;
           min-height:140px;}

#aboutussec img{ display:block; margin:0 auto; margin-top:30px;}

#d2wm{ margin-top:30px; display:inline-block; margin:0 auto; margin-top:0px;}

.prosec_right_box .proitems{ min-height:160px;}

.page_outer{border-top:1px solid #ccc; padding-top:20px; margin-top:30px; padding-bottom:20px;}
.pagelist{}
.pagelist li{float:left; margin-right:10px; margin-bottom:13px;}
.pagelist li a{ padding:4px 10px; background:#fcfcfc; border:1px solid #ccc;}

#headertop{padding-bottom:10px;}

.proitems{ border:1px solid #ccc; padding:5px; margin-top:20px; text-align:center;
           min-height:150px !important;}
.proitems img{ margin:0 auto; height:90px;}

    }